<template>
  <div class="app">
    <h1>Hello World</h1>

    <MyHeaderComponent></MyHeaderComponent>
   <MyBodyComponent/>
   <MyFooterComponent/>



  </div>
</template>

<script>
import MyBodyComponent from './components/MyBodyComponent.vue'
import MyHeaderComponent from './components/MyHeaderComponent'
import MyFooterComponent from './components/MyFootComponent'
export default {
components: {
  MyHeaderComponent: MyHeaderComponent,
  MyBodyComponent,
  MyFooterComponent
}
}
</script>

<style>
.app {
  text-align: center;
  width: 300px;
  height: 600px;
  margin: 0 auto;
  padding-top: 50px;
  background-color: #81c9ef;
}

</style>
